<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <style>
        body {
            background-image: url("../img/三只松鼠.png");
        }
        
        div {
            /*div的宽度*/
            width: 500px;
            /*div的高度*/
            height: 400px;
            /*div的边框*/
            border: 8px solid lightgray;
            /*lightgray表示灰色*/
            /*div的背景颜色*/
            background-color: white;
            /*让div居中，设置外边距即可*/
            margin: 50px auto;
            /*50px 表示div的盒子上下是50px,以上优先。auto表示div的盒子左右自动适应*/
            /*设置内边距*/
            padding: 40px 80px;
        }
        /*设置行高*/
        
        tr {
            height: 40px;
        }
        /*设置输入框的高度*/
        
        input {
            height: 30px;
        }
    </style>
</head>

<body>
    <div>
        <form action="#" method="get">
            <table cellpadding="0px" cellspacing="0px">
                <tr>
                    <td colspan="3">
                        <font color="blue">会员注册</font>&nbsp;&nbsp;USER REGISTER
                    </td>
                </tr>
                <tr>
                    <td align="right">用户名</td>
                    <td colspan="2">
                        <input type="text" placeholder="请输入用户名" size="30px" name="username">
                    </td>
                </tr>
                <tr>
                    <td align="right">密码</td>
                    <td colspan="2">
                        <input type="password" placeholder="请输入密码" size="30px" name="password">
                    </td>
                </tr>
                <tr>
                    <td align="right">确认密码</td>
                    <td colspan="2">
                        <input type="password" placeholder="请输入确认密码" size="30px" name="repassword">
                    </td>
                </tr>
                <tr>
                    <td align="right">Email</td>
                    <td colspan="2">
                        <input type="text" placeholder="Email" size="30px" name="email">
                    </td>
                </tr>
                <tr>
                    <td align="right">姓名</td>
                    <td colspan="2">
                        <input type="text" placeholder="请输入姓名" size="30px" name="realname">
                    </td>
                </tr>
                <tr>
                    <td align="right">性别</td>
                    <td colspan="2">
                        <input type="radio" id="sex"> 男 <input type="radio" id="sex" checked=" checked "> 女
                    </td>
                </tr>
                <tr>
                    <td align=" right ">出生日期</td>
                    <td colspan="2 ">
                        <input type="date" size="30px" name="brithday">
                    </td>
                </tr>
                <tr>
                    <td align="right ">验证码</td>
                    <td>
                        <input type="text" size="15px" name="checkcode">
                    </td>
                    <td>
                        <img src="../img/a.jpg " height="40px " width="80px">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="submit" value="注册">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>

</html>